<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!doctype html>

<!--告诉浏览器当前网页使用的是中文，声明后将有便于外部程序对网页进行翻译，例如有道翻译等等-->
<html lang="zh-CN">

<head>

<!--编码格式为 utf-8(国际编码)-->
<meta charset="utf-8">

<!--设置页面关键字-->
<meta name="keywords" content="设置网站关键字">

<!--设置页面的描述-->
<meta name="description" content="设置页面的描述,建议在200字以内">

<!--设置浏览器优先使用急速模式-->
<meta name="renderer" content="webkit">

<!--禁止移动设备UC浏览器对字体大小的控制-->
<meta name="wap-font-scale" content="no">

<!--告诉IE使用最新的引擎渲染网页，chrome=1则可以激活Chrome Frame(谷歌浏览器内嵌框架)-->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<!--建立一个视觉窗口, 可视区域宽度等于设备宽度, 初始缩放比例为1倍, 最小缩放比例为1倍, 最大缩放比例为1倍, 禁止用户进行缩放-->
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">

<title>用户中心</title>

<link rel="stylesheet" href="<%=basePath%>css/zhicwl.css">
<link rel="stylesheet" href="<%=basePath%>css/zhicwl-bj.css">
<link rel="stylesheet" href="<%=basePath%>css/zhicwl-zj.css">

<script src="<%=basePath%>js/fontSize.js"></script>
<script src="<%=basePath%>js/jquery-1.11.3.min.js"></script>

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

</head>

<body>

<style>
body{ background-color: #F0EFED;}
</style>

<!--头部-->
<div class="header-1 padding-tb-10 padding-lr-15">
	<!-- <div class="header-1-left"><a href="###"></a></div> -->
	<div class="header-1-titel">我的寻宝</div>
	<div class="header-1-right">
  	<div><a href="###"><img src="<%=basePath%>images/img47.png">搜索</a></div>
  	<div><a href="###"><img src="<%=basePath%>images/img40.png">分享</a></div>
  </div>
</div>
<div class="header-1-height"></div>
<!--/头部-->

<!--温馨提醒-->
<div class="wqtx padding-tb-15 padding-lr-15 fontsize-16 color8">
	<img style="vertical-align:middle; position:relative; top:-2px; padding-right:6px;" src="<%=basePath%>images/img57.png" height="14">
	${notice}
</div>
<!--/温馨提醒-->

<!--用户资料-->
	<div class="yjslwe background-color2">
		<div class="yjslwe-div">
			<a class="padding-tb-18 padding-lr-15" href="<%=basePath%>member/info">
				<div class="yjslwe-div-left">
					<c:choose>
						<c:when test="${empty member.avatar}"><img src="<%=basePath%>images/img51.png"></c:when>
						<c:otherwise><img src="${member.avatar}"></c:otherwise>
					</c:choose>
				</div>
				<div class="yjslwe-div-right">
					<div>
						<h4>${member.nick_name}</h4>
						<p><span>1</span></p>
					</div>
					<h5>绑定手机号 : ${member.phone}</h5>
				</div>
			</a>
		</div>
	</div>
	<!--/用户资料-->


<!--列表-->
<div class="xialite">

	<ul class="margin-top-10 background-color2">
  	<li>
    	<a class="padding-lr-15" href="<%=basePath%>member/income_details">
      	<div class="xialite-left"><img src="<%=basePath%>images/img48.png"></div>
        <div class="xialite-right">
        	<%-- <span>${member.coin_num}</span> --%>
          <h4>现金收入记录</h4>
        </div>
      </a>
    </li>
  	<li>
    	<a class="padding-lr-15">
      	<div class="xialite-left"><img src="<%=basePath%>images/img24.png"></div>
        <div class="xialite-right">
        	<span>充值</span>
          <h4>我剩余的刮奖次数</h4>
        </div>
      </a>
      <div class="sygjcs padding-lr-15">
      	<div><b style="color:#FF8793;">0</b>剩余刮刮卡</div>
        <div><b style="color:#48D3F6;">0</b>剩余寻宝卡</div>
        <div><b style="color:#FFB45E;">${member.search_num}</b>剩余红包</div>
      </div>
    </li>
  </ul>
    
	<ul class="margin-top-10 background-color2">
  	<li>
  		<a class="padding-lr-15" href="<%=basePath%>member/coin_details">
			<div class="xialite-left"><img src="<%=basePath%>images/img19.png"></div>
	        <div class="xialite-right">
	        	<span id="coin_num_txt">账户余额：¥${member.coin_num}</span>
	          <h4>账户中心</h4>
	        </div>
	     </a>
    </li>
    
    <c:if test="${member.type == 2}">
    	<li>
    		<a class="padding-lr-15" href="<%=basePath%>shop/quota">
				<div class="xialite-left"><img src="<%=basePath%>images/img19.png"></div>
		        <div class="xialite-right">
		        	<%-- <span id="coin_num_txt">账户余额：¥${member.coin_num}</span> --%>
		          <h4>店铺账户中心</h4>
		        </div>
		     </a>
	    </li>
    </c:if>
    
  	<li>
    	<a class="padding-lr-15" href="###">
      	<div class="xialite-left"><img src="<%=basePath%>images/img20.png"></div>
        <div class="xialite-right">
        	<span>${member.recommend_member_num}</span>
          <h4>邀请朋友</h4>
        </div>
      </a>
    </li>
  </ul>
  
	<ul class="margin-top-10 background-color2">
  	<li>
    	<a class="padding-lr-15" href="###">
      	<div class="xialite-left"><img src="<%=basePath%>images/img21.png"></div>
        <div class="xialite-right">
        	<span>您有0积分，请加油！</span>
          <h4>积分商城</h4>
        </div>
      </a>
    </li>
  </ul>
  
	<ul class="margin-top-10 background-color2">
  	<li>
    	<a class="padding-lr-15" href="<%=basePath%>shop/favorites">
      	<div class="xialite-left"><img src="<%=basePath%>images/img22.png"></div>
        <div class="xialite-right">
        	<span><b style="color:#EC5330;">New</b></span>
          <h4>我的收藏</h4>
        </div>
      </a>
    </li>
  </ul>
      
	<ul class="margin-top-10 background-color2">
  	<li>
    	<a class="padding-lr-15" href="###">
      	<div class="xialite-left"><img src="<%=basePath%>images/img23.png"></div>
        <div class="xialite-right">
        	<span>400-036-0676</span>
          <h4>我要合作</h4>
        </div>
      </a>
    </li>
  </ul>

</div>
<!--/列表-->

<!--底部-->
<div class="footer1-height"></div>
<div class="footer1 background-color2">

	<div class="footer1-nav">
  	<a href="<%=basePath%>index">
    	<img src="<%=basePath%>images/img09.png">首页
    </a>
  </div>
  
 	<div class="footer1-nav-conter">
  	<div class="zkwijd">
    	<a class="sklwe" href="javascript:void(0)" id="scanQRCode"><img src="<%=basePath%>images/img07.png"></a>
    </div>
    <div class="akqlef"></div>
    <div class="akqlef2"></div>
  </div>
  
  <div class="footer1-nav">
  	<a href="<%=basePath%>shop">
      <img src="<%=basePath%>images/img10.png">商家
    </a>
  </div>
	
  <div class="clear-both"></div>
</div>
<!--/底部-->

<script src="<%=basePath%>js/zhicwl.js"></script>

<script type="text/javascript">
	var urls = "${pageContext.request.contextPath}";
	var timestamp = "";// 时间戳
	var nonceStr = "";// 随机串
	var signature = "";// 签名
	$(function() {
		$.get(urls + "/wx/oauth/signture", {
			"urls" : location.href
		}, function(res) {
			$.each(res, function(i, v) {
				if ("timestamp" == i.trim()) {
					timestamp = v;
				}
				if ("nonceStr" == i.trim()) {
					nonceStr = v;
				}
				if ("signature" == i.trim()) {
					signature = v;
				}
			});
			wx.config({
				debug : false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
				appId : "wxc6dc67749e9e5ba8", // 必填，公众号的唯一标识
				timestamp : timestamp, // 必填，生成签名的时间戳
				nonceStr : nonceStr, // 必填，生成签名的随机串
				signature : signature,// 必填，签名，见附录1
				jsApiList : [ "scanQRCode" ]
			// 必填，需要使用的JS接口列表，所有JS接口列表见附录2
			});
		});

		$("#scanQRCode").click(function() {
			wx.scanQRCode({
				scanType : [ "qrCode" ], // 可以指定扫二维码还是一维码，默认二者都有  
				desc : 'scanQRCode desc'
			});
		});
	});
</script>
</body>
</html>